body{
  position: fixed;
  top: 0px;
  left: 0px;
}
/*title*/
h1{
  font-size:30px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-top: 130px;
}

/*form*/
#form_log{
  display: block;
  margin:50px auto;
  height: 500px;
  width: 30%;
.input-group-lg{
  margin-top:20px;
  span,input{
    background-color: rgba(0,0,0,0.3);
    color: #ffffff;
  }
  input::-webkit-input-placeholder{
    color: #ffffff;
  }
  input::-moz-placeholder{
    color: #ffffff;
  }
  input:-ms-input-placeholder{
    color: #ffffff;
  }
}
  #submit{
    margin-top:20px;
    background-color: #ef4300;
    border: 1px solid #ff730e;
    color: #ffffff;
    display: block;
    width: 100%;
    height: 46px;
    border-radius: 5px;
  }
  #submit:hover{
    background-color: #FF3402;
  }
}

/*error-mess*/
.error{
  width: 100%;
  position: absolute;
  top: 0px;
  height: 60px;
  line-height:60px;
  text-align: center;
  color: white;
  font-size:30px;
  display: none;
  background-color: rgba(255,100,100,0.6);
}